<script setup>
import { RouterView } from 'vue-router';
import Login from './views/Login.vue';
import { ref } from 'vue';
import request from './apis/request';

// let captchaUrl = ref('http://localhost:8080/api/captcha');
// let handleClick = () => {
//   // 更新URL以强制浏览器重新加载图片, 加时间戳,避免浏览器缓存
//   captchaUrl.value = 'http://localhost:8080/api/captcha?t=' + new Date().getTime();
// }
// fetch("http://localhost:8080/api/user/list",{
//     method: "GET",
//     headers:{
//       "Content-Type":"application/json",
//       "Authorization":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjbGFpbXMiOnsidXNlcm5hbWUiOiI5OTk5In0sImV4cCI6MTcyODM5Njk3NX0.7m_K1zy6D6C0kB7G7qI76pIQvgi_su1-k5ATHR74bc0"
//     },
//     body:null
// }).then(res => {
//     return res.json();
// }).then(data => {
//     console.log(data);
// })

// function getBrowserInfo(userAgent) {
//   // 此处顺序很重要，并且对于未列出的浏览器，这可能会报错。
//   let browser = {}
//   if (userAgent.includes("Firefox")) {
//     browser.name = "Mozilla Firefox"
//   } else if (userAgent.includes("SamsungBrowser")) {
//     browser.name = "Samsung Internet"
//   } else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
//     browser.name = "Opera"
//   } else if (userAgent.includes("Edge")) {
//     browser.name = "Microsoft Edge (Legacy)"
//   } else if (userAgent.includes("Edg")) {
//     browser.name = "Microsoft Edge (Chromium)"
//   } else if (userAgent.includes("Chrome")) {
//     browser.name = "Google Chrome 或 Chromium"
//   } else if (userAgent.includes("Safari")) {
//     browser.name = "Apple Safari"
//   } else {
//     browser.name = "未知浏览器"
//   }
//   if (userAgent.includes("Android")) {
//     browser.os = "Android"
//   } else if (userAgent.includes("iPhone")) {
//     browser.os = "iPhone"
//   } else if (userAgent.includes("iPad")) {
//     browser.os = "iPad"
//   } else if (userAgent.includes("Macintosh")) {
//     browser.os = "Mac OS X"
//   } else if (userAgent.includes("Windows")) {
//     browser.os = "Windows"
//   } else {
//     browser.os = "未知系统"
//   }
//   return browser
// }
// function getSystemInfo(browser, key) {
//   let systemInfo = {
//     "browser_info": {},
//     "address_info": {},
//   }
//   let browserInfo = getBrowserInfo(browser)
//   systemInfo.browser_info = browserInfo
//   fetch(`/api/ws/location/v1/ip?key=${key}`)
//   .then(response=>response.json())
//   .then(result =>{
//     systemInfo.address_info.ip = result.result.ip
//     systemInfo.address_info.address = result.result.ad_info
//   })
//   return systemInfo
// }
// const systemInfo = getSystemInfo(navigator.userAgent, "6LDBZ-BF4HK-G2ZJA-ABCNH-3A44S-7OFZI")
// console.log(systemInfo)
// console.log(import.meta.env.VITE_USER_NODE_ENV)
// let captchaUrl = ref('');
// fetch("http://localhost:8080/api/captcha?t=" + new Date().getTime()).then(res => {
//   return res.blob();
// }).then(blob => {
//   let url = URL.createObjectURL(blob);
//   captchaUrl.value = url;
//   console.log(url);
// })

// const params = new URLSearchParams();
// params.append("username", "8888");
// params.append("password", "123456");
// const result = request.post('/api/user/login',params.toString(),{
//     headers:{
//         'Content-Type':'application/x-www-form-urlencoded'
//     }
// }).then(res => {
//    console.log(res);
// })

</script>

<template>
  <!-- <div>你好，世界！</div> -->
  <!-- <div>
    <img :src=captchaUrl alt="验证码图片">
    <button @click="handleClick">换一张</button>
  </div> -->
  <RouterView />
</template>

<style scoped>

</style>
